/* mine/pages/myCarList/myCarList.wxss */
@import "../../../commin/commin.less";
page{
    background-color: @text-color6;
}
.carItem{
.margins(24rpx,24rpx,0,24rpx);
.paddings(48rpx,33rpx,48rpx,33rpx);
  background: linear-gradient(0deg, @white-color, #F4F6F8);
.borders(2rpx,@white-color);
box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
border-radius: 16rpx;
.carInfo{
  display: flex;
  align-items: center;
  padding-bottom: 47rpx;
  border-bottom: 1rpx solid #DCDFE6;
  .img{
    .kuangao(90rpx,90rpx);
    border-radius: 50%;
  }
  .carName{
    display: flex;
    align-items: center;
    .margins(0,0rpx,24rpx,24rpx);
    .fontsize(28rpx);
font-family: PingFang SC;
font-weight: 500;
color: #1A1A1A;
.name1{
  overflow: hidden;//溢出隐藏
  white-space: nowrap;//禁止换行
  text-overflow: ellipsis;
  width: 361rpx;
}
.text1{
  margin-left: 16rpx;
  text-align: center;
  line-height: 32rpx;
  padding: 0 18rpx;
  height: 32rpx;
border: 1rpx solid @blue;
border-radius: 16rpx;
.fontsize(22rpx);
font-family: PingFang SC;
font-weight: 500;
color: @blue;
}
.text2{
  margin-left: 16rpx;
  text-align: center;
  line-height: 32rpx;
  padding: 0 18rpx;
  height: 32rpx;
background: rgba(247, 161, 74, 0.1);
border: 1rpx solid @yellow;
border-radius: 16rpx;
.fontsize(22rpx);
font-family: PingFang SC;
font-weight: 500;
color: @yellow;
}
  }
  .chePai{
    margin-left: 24rpx;
    .fontsize(26rpx);
  font-family: PingFang SC;
  font-weight: 500;
  color: @text-color3;
  }
}
.operation{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 50rpx;
  position: relative;
  .isDefault{
    display: flex;
    align-items: center;
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: @text-color2;
    .img1{
      .kuangao(30rpx,30rpx);
      margin-right: 17rpx;
    }
  }
  .del{
    .kuan(100rpx);
    height: 48rpx;
    .lineheight(48rpx);
    text-align: center;
background: @text-color4;
border-radius: 24rpx;
.fontsize(22rpx);
font-family: PingFang SC;
font-weight: 400;
color: @white-color;
margin-right: 20rpx;
  }
  .edit{
    .kuan(100rpx);
    .lineheight(48rpx);
    height: 48rpx;
    text-align: center;
background: var(--btnColor);
border-radius: 24rpx;
.fontsize(22rpx);
font-family: PingFang SC;
font-weight: 400;
color: @white-color;
  }
}

}
.fot_btn{
  position: fixed;
  bottom: 0rpx;
  background-color: @text-color6;
  height: 160rpx;
.btn{
  .kuangao(488rpx,88rpx);
  .lineheight(88rpx);

  margin: 35rpx 60rpx;
  padding-left: 142rpx;
  align-items: center;
  display: flex;
background: var(--btnColor);
box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
border-radius: 44rpx;
.fontsize(30rpx);
font-family: PingFang SC;
font-weight: bold;
color: @white-color;
opacity: 0.97;
.img{
  .kuangao(32rpx,32rpx);
  margin-right: 16rpx;
}
.add_icon {
  line-height: 1;
  margin-right: 16rpx;
}
}
}
.dialog{
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: space-between;
  padding: 0 32rpx;
  right: -32rpx;
  bottom: -120rpx;
  width: 200rpx;
  height: 96rpx;
  background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
  border: 2rpx solid #FFFFFF;
  box-shadow: 4rpx 7rpx 20rpx 0px rgba(166,171,179,0.24);
  border-radius: 16rpx;
  z-index:9;
}
